.contract {
	overflow-y: auto;
	background: #ffffff;
	height: 80vh;
}
.Today {
	padding: 32upx 48upx;
	margin-top: 20upx;

	background: $bg1-color;
	& > view:nth-child(1) {
		display: flex;
		align-items: center;
		justify-content: space-between;
		& > view:nth-child(1) {
			display: flex;
			align-items: center;
			& > view:nth-child(1) {
				font-size: 36upx;
				font-family: Source Han Sans CN;
				font-weight: bold;
				color: rgba(53, 57, 76, 1);
			}
			& > view:nth-child(2) {
				image {
					width: 21upx;
					height: 21upx;
					margin-left: 17upx;
				}
			}
		}
		// 2
		& > view:nth-child(2) {
			display: flex;
			align-items: center;
			& > view:nth-child(1) {
				font-size: 28upx;
				font-family: Source Han Sans CN;
				font-weight: 400;
				color: rgba(153, 153, 153, 1);
				margin-right: 21upx;
			}
			& > view:nth-child(2) {
				image {
					width: 22upx;
					height: 27upx;
					display: flex;
				}
			}
		}
	}

	& > view:nth-child(2) {
		font-size: 26upx;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: rgba(153, 153, 153, 1);
		margin-top: 39upx;
	}
	.Income {
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-top: 20upx;
		& > view {
			width: 30%;
			height: 168upx;
			background: $bg1-color;
			border: 2upx solid $bg12-color;
			border-radius: 10upx;
			margin-top: 32upx;
			.Rise {
				font-size: 36upx;
				font-family: Source Han Sans CN;
				font-weight: bold;
				color: $bg2-color !important;
			}
			.Risefall {
				width: 110upx;
				height: 38upx;
				background: rgba(231, 252, 237, 1) !important;
				border-radius: 4upx;
				image {
					width: 11upx;
					height: 17upx;
				}
				& > text {
					font-size: 24upx;
					font-family: Source Han Sans CN;
					font-weight: 400;
					color: rgba(89, 169, 115, 1) !important;
				}
			}
			.Risexia {
				background: #fdefef !important;
				image {
					width: 11upx;
					height: 17upx;
				}
				& > text {
					color: #e44b4b !important;
				}
			}
			& > view:nth-child(1) {
				font-size: 24upx;
				font-family: Source Han Sans CN;
				font-weight: 400;
				color: $bg6-color;
				margin-top: 27upx;
				margin-left: 26upx;
			}
			& > view:nth-child(2) {
				font-size: 36upx;
				font-family: Source Han Sans CN;
				font-weight: bold;
				color: $bg-color;
				margin-left: 26upx;
			}
			& > view:nth-child(3) {
				width: 110upx;
				background: rgba(235, 238, 245, 1);
				border-radius: 4px;
				font-size: 24upx;
				padding: 8upx 8upx;
				font-family: Source Han Sans CN;
				font-weight: 400;
				color: $bg6-color;
				margin-left: 26upx;
			}
		}
		.actived {
			background: $bg12-background;
			border: 3upx solid $bg-background;
		}
	}
}
// 图表

.analysis {
	margin-top: 20upx;
	background: #ffffff;
	padding: 32upx 47upx;
	& > view:nth-child(1) {
		display: flex;
		align-items: center;
		& > view:nth-child(1) {
			font-size: 36upx;
			font-family: Source Han Sans CN;
			font-weight: bold;
			color: rgba(53, 57, 76, 1);
		}
		& > view:nth-child(2) {
			image {
				width: 21upx;
				height: 21upx;
				margin-left: 17upx;
			}
		}
	}
	& > view:nth-child(2) {
		font-size: 26upx;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: $bg5-color;
		margin-top: 39upx;
		& > text {
			color: $bg-color;
		}
	}
}
// 近7日
.tabs {
	display: flex;
	align-items: center;
	justify-content: center;

	& > view:nth-child(1) {
		width: 219upx;
		height: 66upx;
		border: 2upx solid #dddddd;
		border-radius: 33upx 0upx 0upx 33upx;
		font-size: 28upx;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: rgba(102, 102, 102, 1);
		display: flex;
		align-items: center;
		justify-content: center;
	}
	& > view:nth-child(2) {
		width: 216upx;
		height: 66upx;
		border: 2upx solid rgba(221, 221, 221, 1);
		font-size: 28upx;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: rgba(102, 102, 102, 1);
		display: flex;
		align-items: center;
		justify-content: center;
	}
	& > view:nth-child(3) {
		width: 219upx;
		height: 66upx;
		border: 2upx solid rgba(221, 221, 221, 1);
		border-radius: 0upx 33upx 33upx 0upx;
		font-size: 28upx;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: rgba(102, 102, 102, 1);
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.actived {
		background: $bg12-background !important;
		border: 2upx solid $bg-background !important;
	}
}

.Operating {
	padding: 0upx 47upx;
	.Look {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 40upx;
		& > view:nth-child(1) {
			font-size: 32upx;
			font-family: Source Han Sans CN;
			font-weight: bold;
			color: $bg-background;
		}
		& > view:nth-child(2) {
			display: flex;
			align-items: center;
			& > view:nth-child(1) {
				font-size: 28upx;
				font-family: Source Han Sans CN;
				font-weight: 400;
				color: $bg5-color;
				margin-right: 22upx;
			}
			& > view:nth-child(2) {
				image {
					width: 27upx;
					height: 30upx;
					display: flex;
				}
			}
		}
	}
	.turnover {
		font-size: 26upx;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: $bg5-color;
		margin-top: 37upx;
	}
	// 收支
	.Tuesday {
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-top: 39upx;
		border-bottom: 1upx solid #edf0fa;
		padding-bottom: 32upx;
		// 1
		.income_one {
			width: 30%;
			& > view:nth-child(1) {
				font-size: 28upx;
				font-family: Source Han Sans CN;
				font-weight: 400;
				color: $bg6-color;
			}
			& > view:nth-child(2) {
				font-size: 36upx;
				font-family: Source Han Sans CN;
				font-weight: bold;
				color: $bg2-color;
			}
			& > view:nth-child(3) {
				font-size: 24upx;
				font-family: Source Han Sans CN;
				font-weight: 400;
				color: $bg5-color;
			}
		}
		// 2
		.income_two {
			width: 30%;
			& > view:nth-child(1) {
				font-size: 28upx;
				font-family: Source Han Sans CN;
				font-weight: 400;
				color: $bg6-color;
			}
			& > view:nth-child(2) {
				font-size: 36upx;
				font-family: Source Han Sans CN;
				font-weight: bold;
				color: $bg2-color;
			}
			& > view:nth-child(3) {
				display: flex;
				align-items: center;
				image {
					width: 21upx;
					height: 21upx;
					display: flex;
				}
				& > text {
					font-size: 24upx;
					font-family: Source Han Sans CN;
					font-weight: 400;
					color: #59a973;
				}
			}
		}
		// 3
		.income_six {
			width: 30%;
			& > view:nth-child(1) {
				font-size: 28upx;
				font-family: Source Han Sans CN;
				font-weight: 400;
				color: $bg6-color;
			}
			& > view:nth-child(2) {
				font-size: 36upx;
				font-family: Source Han Sans CN;
				font-weight: bold;
				color: $bg2-color;
			}
			& > view:nth-child(3) {
				display: flex;
				align-items: center;
				image {
					width: 21upx;
					height: 21upx;
					display: flex;
				}
				& > text {
					font-size: 24upx;
					font-family: Source Han Sans CN;
					font-weight: 400;
					color: #59a973;
				}
			}
		}
	}
	.cakes {
		padding-top: 57upx;
		border-bottom: 1upx solid #edf0fa;
		padding-bottom: 61upx;
		& > view:nth-child(1) {
			display: flex;
			align-items: center;
			justify-content: space-between;
			border-bottom: 1upx solid #edf0fa;
			padding-bottom: 36upx;
			& > view {
				font-size: 26upx;
				font-family: Source Han Sans CN;
				font-weight: bold;
				color: $bg5-color;
			}
		}
		// 2
		.Goods {
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-top: 39upx;
			& > view:nth-child(1) {
				display: flex;
				align-items: center;
				text-align: center;
				flex: 1.1;
				& > view:nth-child(1) {
					width: 24upx;
					height: 24upx;
					background: rgba(255, 95, 88, 1);
					border-radius: 50%;
					font-size: 19upx;
					font-family: Microsoft YaHei;
					font-weight: 400;
					color: $bg1-color;
					display: flex;
					align-items: center;
					justify-content: center;
				}
				& > view:nth-child(2) {
					margin-left: 13upx;
					font-size: 28upx;
					font-family: Microsoft YaHei;
					font-weight: bold;
					color: $bg-background;
				}
			}
			& > view:nth-child(2) {
				font-size: 28upx;
				font-family: Microsoft YaHei;
				font-weight: bold;
				color: $bg-background;
				flex: 1;
			}
			& > view:nth-child(3) {
				font-size: 28upx;
				font-family: Microsoft YaHei;
				font-weight: bold;
				color: $bg-color;
			}
		}
		.cylindrical {
			display: flex;
		}
	}
}
.charts {
	width: 100%;
	margin: 0 auto;
	height: 500upx;
	// background: #ffffff;
}